<script setup lang="ts">
  import { BezierEdge } from '@vue-flow/core'

  // props were passed from the slot using `v-bind="customEdgeProps"`
  const props = defineProps([
    'sourceX',
    'sourceY',
    'targetX',
    'targetY',
    'sourcePosition',
    'targetPosition',
  ])

  console.log('连线----', props)
</script>

<template>
  <!-- <div class="line_box"> -->
  <BezierEdge
    :source-x="sourceX"
    :source-y="sourceY"
    :target-x="targetX"
    :target-y="targetY"
    :source-position="sourcePosition"
    :target-position="targetPosition"
    :style="{ color: 'blue', background: 'red' }"
  />
  <!-- </div> -->
</template>
<style lang="less" scoped>
  .line_box {
    background-color: red;
  }
</style>
